<!-- extends表明此页面继承自 base.html 文件 -->
{% extends "base.html" %} {% load staticfiles %}
<!-- 写入 base.html 中定义的 title -->
{% block title %} 写文章|老鑫头の个人博客 {% endblock title %}
<!-- 写入 base.html 中定义的 content -->
{% block content %}
    <!-- 写文章表单 -->
    <div class="container">
        <div class="row">
            <div class="col-12" align="center">
                <br>
                <b>
                    <!-- 提交文章的表单 -->
                    <form method="post" action="." enctype="multipart/form-data">
                        <!-- Django中需要POST数据的地方都必须有csrf_token -->
                        {% csrf_token %}
                        <!-- 文章标题图 -->
                        <div class="form-group col-3">
                            <label for="avatar">标题图：</label>
                            <input type="file" class="form-control-file" name="avatar" id="avatar">
                        </div>
                        <!-- 文章标题 -->
                        <div class="form-group">
                            <!-- 标签 -->
                            <label for="title">文章标题：</label>
                            <!-- 文本框 -->
                            <input type="text" class="form-control col-4" id="title" name="title">
                        </div>
                        <!-- 文章栏目 -->
                        <div class="form-group">
                            <label for="column">栏目：</label>
                            <select class="form-control col-4"
                                    id="column"
                                    name="column"
                            >
                                <option value="none">请选择栏目..</option>
                                {% for column in columns %}
                                    <option value="{{ column.id }}">{{ column }}</option>
                                {% endfor %}
                            </select>
                        </div>
                        <!-- 文章标签 -->
                        <div class="form-group">
                            <label for="tags">标签：</label>
                            <input type="text"
                                   class="form-control col-4"
                                   id="tags"
                                   name="tags">
                        </div>
                        <!-- 文章摘要 -->
                        <div class="form-group">
                            <label for="body">文章摘要：</label>
                            <!-- 文本区域 -->
                            <textarea
                                    type="text"
                                    style="text-indent: 2em"
                                    class="form-control col-4"
                                    id="abstract"
                                    name="abstract"
                                    rows="5">
                        </textarea>
                        </div>
                        <!-- 文章正文 -->
                        <div class="form-group">
                            <label for="body">文章正文：</label>
                            <!-- 文本区域 -->
                            <textarea
                                    type="text"
                                    style="text-indent: 2em"
                                    class="form-control col-9"
                                    id="body"
                                    name="body"
                                    rows="12">
                        </textarea>
                        </div>
                        <!-- 提交按钮 -->
                        <button type="submit" class="btn btn-primary">完成</button>
                    </form>
                </b>
            </div>
        </div>
    </div>
{% endblock content %}